<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <!-- 字符编码 -->
    <meta charset="UTF-8">
    <!-- 设置窗口宽度与缩放 -->
    <meta name="viewport" content="width= device-width, initial-scale= 1.0">
    <!-- 站点名称 -->
    <title> 登录 - Mio 小站 </title>

    <!-- css 链接 -->
    <link rel="stylesheet" id="style-css" href="../css/login/home.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="../css/login/component/background.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="../css/login/component/centerBox.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="../css/login/component/rightBox.css" type="text/css" media="all">
    <link rel="stylesheet" id="style-css" href="../css/login/control.css" type="text/css" media="all">
</head>

<body>
    <!-- 最外层 -->
    <div class="coverBox">
        <!-- 背景 -->
        <section class="background">
            <!-- 蒙版 -->
            <div class="masking"> </div>
        </section>

        <!-- 中心框 -->
        <section class="centerBox">
            <!-- 左侧 -->
            <div class="leftBox">
                <!-- 图片 -->
                <div class="leftPic"> </div>
                <!-- 欢迎 -->
                <div class="leftWel">
                    <!-- 欢迎 -->
                    <h1> 欢迎 </h1>
                    <!-- 介绍 -->
                    <p> 这里是 Mio 小站! </p>
                </div>
            </div>
            <!-- 登录窗口 -->
            <div class="rightBox">
                <div class="rightLogin">
                    <!-- 登录 -->
                    <h1> 登陆 </h1>
                    <input type="text" placeholder="账号">
                    <input type="password" placeholder="密码">
                    <!-- 按钮 -->
                    <button type="button" onclick="submit()"> 提交 </button>
                </div>
            </div>
        </section>
    </div>
</body>

<!-- js 链接 -->
<script src="../js/login/login.js"></script>

</html>